<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>top</title>
</head>
<style type="text/css">
<!--
body {
	margin: 0px;
}
.STYLE1 {
	font-size: 12px;
	color: #FFFFFF;
}
.STYLE2 {
	font-size: 9px
}
.STYLE3 {
	color: #033d61;
	font-size: 12px;
}
.top_main{
	background-image: url('../images/main_05.gif');
	height: 70px;
}
.top_left {
	background-image: url('../images/main_03.gif');
	height: 24px;
	width: 270px;
	float:left;
}
.top_center{
	background-image: url('../images/main_04.gif');
	height: 24px;
	width: 505px;
	float:left;
}
.top_right{
	background-image: url('../images/main_07.gif');
	height: 24px;
	width: 21px;
	float:right;
}
.center_left{
	background-image: url('../images/main_09.jpg');
	height: 38px;
	width: 270px;
	float:left;
}
.center_index{
	background-image: url('../images/main_12.gif');
	height: 19px;
	width: 49px;
	float:left;
	margin: 10px 0 0 10px;
	cursor: pointer;
}
.center_back{
	background-image: url('../images/main_14.gif');
	height: 19px;
	width: 48px;
	float:left;
	margin: 10px 0 0 10px;
	cursor: pointer;
}
.center_going{
	background-image: url('../images/main_16.gif');
	height: 19px;
	width: 48px;
	float:left;
	margin: 10px 0 0 10px;
	cursor: pointer;
}
.center_refresh{
	background-image: url('../images/main_18.gif');
	height: 19px;
	width: 48px;
	float:left;
	margin: 10px 0 0 10px;
	cursor: pointer;
}
.center_exit{
	background-image: url('../images/main_20.gif');
	height: 19px;
	width: 48px;
	float:left;
	margin: 10px 0 0 10px;
	cursor: pointer;
}

.center_interval{
	background-image: url('../images/main_21.gif');
	height: 19px;
	width: 26px;
	float:left;
	margin: 10px 0 0 10px;
	cursor: pointer;
}
.center_set{
	background-image: url('../images/main_22.gif');
	height: 19px;
	width: 98px;
	float:left;
	margin: 10px 0 0 10px;
	cursor: pointer;
}
.center_right{
	background-image: url('../images/main_11.gif');
	height: 38px;
	width: 21px;
	float:right;
}
.butom_left{
	background-image: url('../images/main_29.gif');
	height: 8px;
	width: 270px;
	float:left;
	overflow: hidden;
	cursor: pointer;
}
.butom_center{
	background-image: url('../images/main_30.gif');
	height: 8px;
	width: 505px;
	float:left;
	overflow: hidden;
	cursor: pointer;
}
.butom_right{
	background-image: url('../images/main_31.gif');
	height: 8px;
	width: 21px;
	float:right;
	overflow: hidden;
	cursor: pointer;
}
.center_right_l{
	width: 287px;
	float: right;
	margin: 10px 0 0 -287px;
}
-->
</style>
</head>
<body>
<div class="top_main">
	<div>
		<div class="top_left"></div>
		<div class="top_center"></div>
		<div class="top_right"></div>
	</div>
	<div style="clear:both"></div>
	<div>
		<div class="center_left"></div>
		<div class="center_index" id="index"></div>
		<div class="center_back" id="back"></div>
		<div class="center_going" id="go"></div>
		<div class="center_refresh" id="refresh"></div>
		<div class="center_exit" id="exit"></div>
		<div class="center_interval"></div>
		<div class="center_set" id="individual"></div>
		<div class="center_right_l"><span class="STYLE1">■ 今天是：<span id="clock"></span></span></div>
		<div class="center_right"></div>
	</div>
	<div style="clear:both"></div>
	<div>
		<div class="butom_left"></div>
		<div class="butom_center"></div>
		<div class="butom_right"></div>
	</div>
</div>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.7.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/top.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.jclock.js"></script>
</body>
</html>
